<template>
  <div id="app">
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <Playsong v-show="songList.length>0 && !showDetail"></Playsong>
  </div>
</template>

<script>
import Playsong from './components/playsong.vue'
import { mapMutations, mapGetters } from 'vuex'
export default {
  name: 'app',
  components:{
    Playsong
  },
  computed:{
    ...mapGetters([
      'songList',
      'showDetail'
    ])
  }
}
</script>

<style lang="less" scoped>
// @import "../src/assets/less/comm.less";
//  .fix-bar{
//     position: fixed;
//     width: 100%;
//     top: 0;
//     left: 0;
//     z-index: 10;
//    .logo{
//     width: 150px;
//     height: 48px;
//     background: url("./assets/images/logo.png") no-repeat left center;
//     background-size: cover;
//    }
//    .view-tabs {
//     background-color: #fff;
//     color: rgba(0,0,0,.87);
//     >.mu-tab-link {
//       color: rgba(102,102,102,1);
//     }
//     >.mu-tab-active{
//       color: @primaryColor;
//     }
//   }
//  } 
</style>
